<template>
	<view class="content">
		<view class="navBar">
			<view class="left">
				<navigator url="online-competition">
					<uni-icons class="right-icon" type="arrowleft" size="20" color="#fff"></uni-icons>
				</navigator>
			</view>
			<view class="center">
				<text class="uni-tab-item-title">{{name}}</text>
			</view>
			<view class="right">
				<text class="uni-tab-item-title">完成</text>
			</view>
		</view>
		<view style="width: 100%;height: 90rpx;"></view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				name:'鲸意杯油画大赛作品上传'
			}
		}
	}
</script>

<style lang="scss">
	.content{
		width: 100%;
		height: 100%;
		.navBar{
			z-index: 1000;
			position: fixed;
			width: 100%;
			height: 90rpx;
			display: flex;
			background-color: #B0E3FF;
			.left{
				display: inline-block;
				height: 100%;
				width: 200rpx;
				.right-icon{
					margin-left: 20rpx;
					line-height: 90rpx;
				}
			}
			.center{
				display: inline-block;
				height: 100%;
				flex: 1;
				text-align: center;
				line-height: 90rpx;
				.uni-tab-item {
					/* #ifndef APP-PLUS */
					display: inline-block;
					/* #endif */
					flex-wrap: nowrap;
					padding-left: 10rpx;
					padding-right: 10rpx;
				}
				.uni-tab-item-title {
					color: #FFFFFF;
					font-size: 30rpx;
					font-weight: bold;
					height: 80rpx;
					line-height: 80rpx;
					flex-wrap: nowrap;
					/* #ifndef APP-PLUS */
					white-space: nowrap;
					/* #endif */
				
				}
				.uni-tab-item-title-active {
					color: #FFFFFF;
					font-weight: bold;
					font-size: 40rpx;
					// border-bottom: solid #797979;
				}
			}
			.right{
				display: inline-block;
				height: 100%;
				width: 200rpx;
				text-align: center;
				align-items: center;
				.right-icon{
					margin-left: 20rpx;
					line-height: 90rpx;
				}
				.uni-tab-item-title {
					color: #FFFFFF;
					font-size: 30rpx;
					font-weight: bold;
					height: 80rpx;
					line-height: 90rpx;
					flex-wrap: nowrap;
					/* #ifndef APP-PLUS */
					white-space: nowrap;
					/* #endif */
				
				}
			}
			
		}
	}
</style>
